<#assign ctx=request.contextPath/>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>收货地址</title>
		<link rel="stylesheet" href="${ctx}/css/common.css" />
		<link rel="stylesheet" href="${ctx}/css/address.css" />
		<script type="text/javascript" src="${ctx}/js/jquery.min.js" ></script>
		<script type="text/javascript" src="${ctx}/js/common.js" ></script>
		
	</head>
	<body>
		<!--头部-->
		<div class="header">
			<#include "common/top.html">
			<#include "common/shoplist.html">
		</div>
		<!--内容-->
		<div class="middle">
			<div class="box">
				<form class="new_address" onsubmit="return false">
					<h4>新建地址</h4>
					<label for="name">姓名</label><input type="text" name="name" id="name" />
					<div id="nametip">
						*姓名不能为空
					</div>
					<br />
					<label for="phone">电话</label><input type="text" name="phone" id="phone" maxlength="11" />
					<div id="phonetip">
						*手机格式不正确
					</div><br />
					<label>所在区域</label>
					<select id="province">
						<option>--省--</option>
					</select>
					<select id="city">
						<option>--市--</option>
					</select>
					<select id="county">
						<option>--区--</option>
					</select>
					<div id="protip">
						*省不能为空
					</div>
					<div id="citytip">
						*市不能为空
					</div>
					<div id="countytip">
						*区不能为空
					</div><br />
					<label for="detail_address">详细地址</label><input type="text" name="detail_address" id="detail_address" />
					<div id="detailtip">
						*详细地址不能为空
					</div><br />
					<label for="email">邮箱</label><input type="text" name="email" id="email" />
					<div id="emailtip">
						*邮箱格式不正确
					</div><br />
					
					<input type="submit" name="sub" id="sub" value="保存地址" onclick="subInput()"/>
				</form>
				<div class="user_info">
					<span class="avatar">
						<img src="${ctx}/img/address_avatar.jpg" />
					</span>
					<span class="nickname">昵称<span>某某</span></span><br />
					<span class="menber">会员<span>铜牌会员<img src="${ctx}/img/address_badge.png" /></span></span><br  />
					<span class="safe_account">账户安全<span class="bar"><span></span></span><span class="safe_level">中</span></span><br />
					<span class="honor">我的勋章</span>
				</div>
				<h4>已有的地址，请选择</h4>
				<ul class="exist_address">
					<li>
						<span class="addressee">收件人</span>
						<p>详细地址</p>
						<span class="tel">电话</span>
						<span class="mail">邮箱</span>
						<span class="code">邮编</span>
						<span class="operate">操作</span>
					</li>
					<#list address as add>
					<li><span class="addressee">${add.user.user_id}</span><p>${add.picaddress}</p><span class="tel">${add.telephone}</span><span class="mail">${add.telephone}@qq.com</span><span class="code">${add.postcode}</span>
						<span class="operate">
							<span><a href="" onclick="edit(this)">编辑</a></span>
							<span><a href="${ctx}//customer/detail/delAddressById?did=${add.id}" onclick="del(this)">删除</a></span>
						</span>
					</li>
					</#list>
				</ul>
				<div class="page_list">
					<ol class="page">
						<li><a href="javascript:void(0)">上一页</a></li>
						<li class="current"><a href="javascript:void(0)">1</a></li>
						<li><a href="javascript:void(0)">2</a></li>
						<li><a href="javascript:void(0)">3</a></li>
						<li><a href="javascript:void(0)">4</a></li>
						<li><a href="javascript:void(0)">...</a></li>
						<li><a href="javascript:void(0)">下一页</a></li>
					</ol>
				</div>
			</div>
		</div>
		<!--尾部-->
			<#include "common/bottom.html">
			
			<p>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 </p>
			<p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		<script type="text/javascript" src="js/address.js" ></script>
		<script type="text/javascript" src="js/page.js" ></script>
	</body>
</html>
